<template>
  <div>
    <van-nav-bar
      title="个人信息"
      left-arrow
      @click-left="onClickLeft"
    />
    <div>
      <van-cell title="头像">
        <template #default>
          <van-image
            round
            width="10vw"
            height="10vw"
            src="http://q1.qlogo.cn/g?b=qq&nk=42964179&s=640"
          />
        </template>
      </van-cell>
      <van-cell title="昵称" is-link value="J" />
      <van-cell title="出生日期" is-link value="1999年9月9日" />
      <van-cell title="性别" is-link value="男" />
      <van-cell title="邮箱" is-link value="42964179@qq.com" />
      <van-cell title="地址管理" is-link/>
      <van-cell title="账户安全" is-link/>
      <van-cell title="退出" />
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      this.$router.push({ path: '/m/me' });
    },
  },
};
</script>

<style>
.top{
  margin-top: 5vh;
}
</style>
